<!DOCTYPE html>
<html>
<head>
    <title>域名解析记录</title>
    <#include "/header.html">
    <style>
        .timeBox{
            text-align: left;
            padding: 5px 0;
            width: 300px;
            word-wrap:break-word;
            word-break:break-all;
        }
        .timeBox h4{
            font-weight: bolder;
            padding: 3px 0;
        }
        .statusTd{
            padding: 5px 10px;
            font-size: 14px;
            border-radius: 2px;
            color: #FFFFFF;
        }
        .lockedStatus{
               background-color: red;
        }
        .unLockedStatus{
            background-color:lightgreen;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div>
        <div  class="container-div ui-layout-center" style="height: 34px;margin-top: 10px;">
            <div class="">
                <div class="layui-col-md2 ">
                    <input type="text"  style="width:220px;" class="form-control" v-model="q.domainName"  placeholder="请输入域名名称">
                </div>
                <div class="layui-col-md2" style="margin: 0 30px">
                    <input type="text"  style="width:220px;" class="form-control" v-model="q.rr "  placeholder="请输入记录值">
                </div>
                <div class="layui-col-md2 " style="margin-right:30px;">
                    <input type="text" style="width:220px;" class="form-control" required  id="creTime"  placeholder="请选择创建期日期范围"  autocomplete="off" >
                </div>
                <div class="layui-col-md2">
                    <button  ref="schedule_search" class="btn btn-primary" @click="query">搜索</button>
                    <a  ref="schedule_search" class="btn btn-warning" href="dnsManage.html">返回</a>
                </div>

            </div>
        </div>
        <div>
            <div class="col-sm-12 select-info table-striped">
                <table id="bootstrap-table" data-mobile-responsive="true"></table>
            </div>
        </div>
    </div>
</div>
<script src="${request.contextPath}/statics/js/modules/job/dnsRecored.js?_${.now?long}"></script>
<style>
    input[type="radio"] + label::before {
        content: "\a0"; /*不换行空格*/
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 1em;
        height: 1em;
        margin-right: .4em;
        border-radius: 50%;
        border: 1px solid #1c84c6;
        text-indent: .15em;
        line-height: 1;
    }
    input[type="radio"]:checked + label::before {
        background-color: #1c84c6;
        background-clip: content-box;
        padding: .2em;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .texts{
        white-space: normal !important;
        height:auto;
        vertical-align:text-top;
        word-break: break-all;
        white-space: pre-line !important;
        overflow: visible !important;
        padding:5px;

    }
    .selectedTr{
        background-color: #dff0d8 !important;
    }
    .selectedTr td{
        background-color: #dff0d8 !important;
    }
</style>
</body>
</html>